<template>
  <div>
    <div>
      <h1>{{ h1 }}</h1>
      <button @click="fn">逆转世界</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      h1: "hello world~~",
    };
  },
  methods: {
    fn() {
      this.h1 = this.h1.split("").reverse().join("");
    },
  },
};
</script>

<style>
</style>